<template>
  <div style="margin: 10px 10px 0 10px">
    <el-card style="height: 800px">
    <el-table
        :data="tableData"
        border
        style="width: 100%">
      <el-table-column
          prop="symbol"
          label="#"
          width="100">
      </el-table-column>
      <el-table-column
          prop="name"
          label="属性名"
          width="260">
      </el-table-column>
      <el-table-column
          prop="be"
          label="属性值(用竖线隔开）"
          width="1035">
      </el-table-column>
      <el-table-column
          prop="address"
          label="操作"
      width="260">
<!--        <el-button type="text" @click="dialogFormVisible = true" size="mini">
          <el-button size="mini" type="text">添加类别</el-button>
        </el-button>-->
       <el-button type="text"  @click="dialogFormVisible = true"  size="mini">编辑</el-button>

      </el-table-column>
    </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        symbol: '1',
        name: '多颜色',
        be: '',
        address: ''
      }, {
        symbol: '2',
        name: '多尺寸',
        address: ''
      }, {
        symbol: '3',
        name: '自定义1',
        address: ''
      }, {
        symbol: '4',
        name: '自定义2',
        address: ''
      }, {
        symbol: '5',
        name: '自定义3',
        address: ''
      }],

    }
  }
}
</script>

<style scoped>

</style>